<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://xmlns.jcp.org/jsf/html"
	xmlns:f="http://xmlns.jcp.org/jsf/core"
	xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
	xmlns:c="http://xmlns.jcp.org/jsf/composite"
	xmlns:p="http://primefaces.org/ui">

<ui:decorate template="/jsp/WEB/pageLayout.xhtml">
	<ui:define name="centro">

		<h:form id="form">

			<p:panel id="Lista" header="Listagem de Usuários" style="width:130%">
				<p:dataTable var="usuario" value="#{CadUsuarioBean.listaUsuario}"
					widgetVar="usersTable" emptyMessage="Nenhum usuário encontrado!"
					style="margin-top:40px; position: auto" paginator="true" rows="20"
					rowsPerPageTemplate="10,20,30,40,50"
					filteredValue="#{CadUsuarioBean.usuariosFiltrados}">

					<f:facet name="header">
						<p:outputPanel>
							<h:outputText value="Buscar todos os campos: " />
							<p:inputText id="globalFilter"
								onkeyup="PF('usersTable').filter()" style="width:150px"
								placeholder="Digite a palavra" />
						</p:outputPanel>
					</f:facet>

					<p:column filterBy="#{usuario.userId}" sortBy="userId"
						headerText="Código Cliente" style="text-align:center"
						filterMatchMode="contains">
						<h:outputText value="#{usuario.userId}" />
					</p:column>

					<p:column filterBy="#{usuario.name}" headerText="Nome"
						sortBy="name" filterMatchMode="contains">
						<h:outputText value="#{usuario.name}" />
					</p:column>

					<p:column filterBy="#{usuario.post}" headerText="Cargo"
						sortBy="post" filterMatchMode="contains">
						<h:outputText value="#{usuario.post}" />
					</p:column>

					<p:column filterBy="#{usuario.login}" headerText="Login"
						sortBy="login" filterMatchMode="contains">
						<h:outputText value="#{usuario.login}" />
					</p:column>

					<p:column filterBy="#{usuario.password}" headerText="Senha"
						filterMatchMode="contains">
						<h:outputText value="#{usuario.password}" />
					</p:column>

					<p:column filterBy="#{usuario.active}" headerText="Ativo"
						filterMatchMode="contains" style="text-align:center">
						<h:outputText value="Ativo" rendered="#{usuario.active}" />
						<h:outputText value="Inativo" rendered="#{not usuario.active}" />
					</p:column>

				</p:dataTable>
			</p:panel>
		</h:form>
	</ui:define>
</ui:decorate>
</html>